<template>
  <div>
    <component
      :is="navigator === 'mobile' ? `${component}-app` : component"
      :componentData="componentData"
    />
  </div>
</template>

<script>
import Panles from './component/importComponents.js'

export default {
  components: {
    ...Panles,
  },
  props: {
    component: {
      type: String,
      default: '',
    },
    componentData: {
      type: Object,
      default: () => {},
    },
    navigator: {
      type: String,
      default: '',
    },
  },
  data() {
    return {}
  },
  computed: {},
  methods: {},
}
</script>

<style lang="less" scoped></style>
